<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="UTF-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>网站后台管理模版</title>
		<link rel="stylesheet" href="lib/layui-v2.5.5/css/layui.css" media="all">
		<link rel="stylesheet" href="css/public.css" media="all">

	</head>
	<body>

		<form class="layui-form layui-from-pane" action="" style="margin-top:20px" lay-filter="formQs">
			<input type="hidden" name="userId" class="layui-input" value="1">
			
			<div class="layui-form-item">
				<label class="layui-form-label">问题</label>
				<div class="layui-input-block">
					<input type="text" name="question"  required  lay-verify="required" autocomplete="off" placeholder="请输入问题" class="layui-input">
				</div>
			</div>
			
			<div class="layui-form-item">
				<label class="layui-form-label">问题背景</label>
				<div class="layui-input-block">
					<input type="textarea" name="introduce" autocomplete="off" placeholder="请输入问题背景" class="layui-input">
				</div>
			</div>
			
			<div class="layui-form-item">
				<label class="layui-form-label">所有分类</label>
				<div class="layui-input-inline">
					<select id="bg_id" name="name" value="" lay-verify="required"  lay-filter="business" class="select">
				</select>
				</div>
			</div>


			<div class="layui-form-item" style="margin-top:40px">
				<div class="layui-input-block">
					<button class="layui-btn  layui-btn-submit " lay-submit="" lay-filter="demo11">确认新增</button>
					<button type="reset" class="layui-btn layui-btn-primary">重置</button>
				</div>
			</div>
		</form>

<script src="lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
<script src="js/lay-config.js?v=1.0.4" charset="utf-8"></script>
<script src="api/baseApi.js" charset="utf-8"></script>
<script>
		layui.use(['laydate','table','layer','form'], function(){
					var form = layui.form
					,layer = layui.layer
					$ = layui.$;
			//form.render();
			
			var typeList=[];
			function selectRender(){
				$.ajax({
					url:baseUrl + questionBaseUrl +'index/thtypeQuery',
					type:'get',
					dataType: "json",
					contentType: "application/json;charset=UTF-8",
					success:function(res){
						res.thTypeList.map(type => {
							let name = type.name,id = type.id
							typeList.push({name,id})
						})
						console.log(typeList)
						 $.each(typeList,function(index,item){
							// console.log(item)
				                $('#bg_id').append(new Option(item.name,item.id));//往下拉菜单里添加元素
				         })
						 form.render();
					}
				})
			}
			selectRender();
			
			
			//监听提交
			form.on('submit(demo11)', function(data) {
				layer.msg(JSON.stringify(data.field));
				$.ajax({
					url:baseUrl + questionBaseUrl +'addQuestion',
					type:'post',
					dataType: "json",
					contentType: "application/json;charset=UTF-8",
					data: JSON.stringify(data.field),
					success:function (res) {
						if(res.success){
							parent.layer.msg('问题添加成功',{time:1000},function () {
								parent.location.reload();
							})
						}else{
							layer.msg(res.msg);
						}
					}

				})

				return false;
			});
		});
	</script>
	</body>

</html>